<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>企信宝</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">



        <link rel="stylesheet" href="<?php echo G_STATIC_URL; ?>/css/bootstrap.min.css">
        <link rel="stylesheet" href="<?php echo G_STATIC_URL; ?>/css/font-awesome.min.css">
        <link rel="stylesheet" href="<?php echo G_STATIC_URL; ?>/css/main.css">
        <link rel="stylesheet" href="<?php echo G_STATIC_URL; ?>/css/animate.css">
        <link rel="stylesheet" href="<?php echo G_STATIC_URL; ?>/css/responsive.css">
        

        <!-- Js -->
        <script src="<?php echo G_STATIC_URL; ?>/css/js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="<?php echo G_STATIC_URL; ?>/css/js/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="<?php echo G_STATIC_URL; ?>/css/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="<?php echo G_STATIC_URL; ?>/css/js/bootstrap.min.js"></script>
        <script src="<?php echo G_STATIC_URL; ?>/css/js/plugins.js"></script>
        <script src="<?php echo G_STATIC_URL; ?>/css/js/main.js"></script>
        <script src="<?php echo G_STATIC_URL; ?>/css/js/wow.min.js"></script>
        <script>
         new WOW(
            ).init();
        </script>

        

    </head>
    <body>


    <header>
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-xs-6 col-sm-3">
                    <a href="#" class="logo">
                        <img src="<?php echo G_STATIC_URL; ?>/css/images/logo.png" alt="">
                    </a>
                </div>
                <div class="col-md-6 col-xs-6 col-sm-6">
                    <div class="menu">
                        <nav class="navbar navbar-default" role="navigation">
                            <div class="container-fluid">
                                <!-- Brand and toggle get grouped for better mobile display -->
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    </button>
                                </div>

                                <!-- Collect the nav links, forms, and other content for toggling -->
                                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                    <ul class="nav navbar-nav">
                                        <li><a href="#banner">主页</a></li>
                                        <li><a href="#service">服务</a></li>
                                        <li><a href="#feature">产品</a></li>
                                    </ul>
                                  
                                </div><!-- /.navbar-collapse -->
                            </div><!-- /.container-fluid -->
                        </nav>
                    </div>
                </div>
                <div class="col-md-3 col-xs-12 col-sm-3">
                    <ul class="social-info">
                        <?php if ($this->user_id) { ?>
                        <li><a href="/?/account/admin_index/">管理</a></li>
                        <li><a href="/?/account/logout/">退出系统</a></li>


                        <?php } else { ?>
                        <li><a href="/?/account/new_login/">企业登录</a></li>
                        <li><a href="/?/account/new_reg/">企业注册</a></li>
                        <?php } ?>

                    </ul>
                </div>
            </div>
        </div>
    </header>

    


    <section id="banner" class="wow fadeInUp">
        <div class="container">
            <div class="row">

                <div class="col-md-4 col-sm-6">
                    <div class="block">
                        <img class="app-img img-responsive" src="<?php echo G_STATIC_URL; ?>/css/images/app.png" alt="">
                    </div>
                    
                </div>
                <div class="col-md-6 col-md-offset-1 col-sm-6">
                    <div class="block">
                        <h1>
                            让每个企业都有自己的聊天工具
                        </h1>
                        <p>
                           熟悉的沟通体验，简单易用，轻松使用企业专属的沟通工具
                        </p>

                        <ul class="download-btn">
                            <li>
                                <a href="#" class="btn btn-default btn-apple"> <i class="fa fa-apple"></i>App store</a>
                            </li>
                            <li>
                                <a href="#" class="btn btn-default btn-andriod"><i class="fa fa-android"></i>Play Store</a>
                            </li>
                            <li>
                                <a href="#" class="btn btn-default btn-windows"><i class="fa fa-windows"></i>Windows Store</a>
                            </li>
                        </ul>
                        

                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="service">
        <div class="container">
            <div class="service-wrapper">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <div class="block wow fadeInRight" data-wow-delay="1s">
                            <div class="icon">
                               <i class="fa fa-desktop"></i> 
                            </div>
                            
                            <h3>与微信一致的沟通体验</h3>
                            <p>
熟悉的沟通体验，简单易用，轻松使用企业专属的沟通工具。</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="block wow fadeInRight" data-wow-delay="1.3s">
                            <div class="icon">
                                <i class="fa  fa-paper-plane"></i>
                            </div>
                            <h3>通讯录管理</h3>
                            <p>快速批量导入，统一管理；同事信息准确完善，方便查阅</p>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="block wow fadeInRight" data-wow-delay="1.6s">
                            <div class="icon">
                                <i class="fa  fa-file-text"></i>
                            </div>
                            <h3>视频会议</h3>
                            <p>高清稳定的视频会议，支持文档演示和屏幕共享，支持用电话接入，可9人同时参与</p>
                        </div>
                    </div>
                     <div class="col-md-3 col-sm-6">
                        <div class="block wow fadeInRight" data-wow-delay="1.9s">
                            <div class="icon">
                                <i class="fa  fa-laptop"></i>
                            </div>
                            <h3>丰富的办公应用.</h3>
                            <p>预设打卡、审批、日报等OA应用，精选的第三方应用覆盖了更多领域 ，还有API可接入更多办公应用。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


   
    





    <section id="feature">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6 wow fadeInRight" data-wow-delay=".8s">
                    <h2 class="title">统一通讯录</h2>

                    <div class="feature-item">

                        <div class="media">
                            <div class="pull-left icon" href="#">
                                <i class="fa fa-paint-brush"></i>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">企业通讯录</h4>
                                <p>无须保存手机号码，同事再多，也能1秒找到</p>
                            </div>
                        </div>
                    </div>

                    <div class="feature-item">

                        <div class="media">
                            <div class="pull-left icon" href="#">
                                <i class="fa fa-qrcode"></i>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">高管保护模式</h4>
                                <p>隐藏指定高管的手机号码，避免信息泄漏，安全无忧</p>
                            </div>
                        </div>
                    </div>

                    <div class="feature-item">

                        <div class="media">
                            <div class="pull-left icon" href="#">
                                <i class="fa fa-recycle"></i>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">工作模式开启</h4>
                                <p>打卡，办公，都方便快捷</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 wow fadeInLeft" data-wow-delay=".8s">
                    <div class="block">
                        <img class="img-responsive" src="<?php echo G_STATIC_URL; ?>/css/images/featured-app.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section id="utility">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6 wow fadeInUp" data-wow-delay=".8s">
                    <img class="img-responsive" src="<?php echo G_STATIC_URL; ?>/css/images/mockup.png" alt="">
                </div>
                <div class="col-md-6 col-sm-6 wow fadeInDown" data-wow-delay=".8s">
                    <div class="block">
                        <h2>统一通讯录</h2>
                        <p>
                           客户、渠道商、供应商……公司统一维护，员工离职不带走
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section id="utility-2">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6 wow fadeInLeft" data-wow-delay=".8s">
                    <div class="block">
                        <h2>企业主页</h2>
                        <p>
                           连接客户与商机的企业名片
企信宝认证标示提升企业公信力
一键分享给客户，轻松介绍企业业务
                        </p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 wow fadeInRight" data-wow-delay=".8s">
                    <img class="img-responsive" src="<?php echo G_STATIC_URL; ?>/css/images/app-screen.png" alt="">
                </div>
            </div>
        </div>
    </section>


    <section id="subscribe" >
        <div class="container">
            <div class="row">
                <div class="col-md-12 wow fadeInDown" data-wow-delay=".8s">
                    <div class="block">
                        <div class="title text-center">
                            <h2>联系我们</h2>
                            <p>请留下您的姓名，和联系方式，方便我们工作人员提供更好的服务</p>
                        </div>
                        
                        

                        <form class="form-inline text-center col-sm-12 col-xs-12" role="form">
                            <div class="form-group">
                                <input type="text" class="form-control" id="signup-form" >
                                
                                
                            </div>
                            <a href="" type="submit" class="btn btn-default btn-signup">
                                <i class="fa fa-paper-plane"></i>
                            </a>
                        </form>
                    </div>
                    

                </div>
            </div>
        </div>
    </section>

    <footer class="wow fadeInUp" data-wow-delay=".8s">
        <div class="container text-center">
            <div class="row">
                <div class="col-md-12">
                        <a class="footer-logo"href="#">
                            <img class="img-responsive" src="<?php echo G_STATIC_URL; ?>/css/images/footer-logo.png" alt="">
                        </a>
                    <p>Copyright © 2014 长沙双橙信息技术有限公司. All rights reserved. <a href="#" target="_blank" title="">企信宝</a></p>
                    
                </div>
            </div>
        </div>
    </footer>

</body>
</html>
